<template>
	<view>
		<view class="page">
			<comp-common v-bind="{data:data}"></comp-common>
			<comp-header v-bind="{data:data}"></comp-header>
			<view class="body after-navber">
				<view class="top">活动规则</view>
				<view class="rules">
					<text class="rule" v-if="rules==1">{{rule}}</text>
					<text class="rule" v-if="rules==2">{{activity_rule}}</text>
				</view>
			</view>
			<comp-footer v-bind="{data:data}"></comp-footer>
		</view>

	</view>
</template>

<script>var myVue = {};
	export default {
		data() {
			return {
				data: {
					rule: ""
				},
			};
		},
		onLoad: function(e) {myVue = this;
			myVue.getApp.page.onLoad(this, e);
			var t = this,
				a = void 0;
			"activity_rule" == e.rules ? a = 2 : "rules" == e.rules && (a = 1), t.getApp.core.showLoading({
				title: "数据加载中...",
				mask: !0
			}), t.getApp.request({
				url: t.getApp.api.step.setting,
				success: function(e) {
					t.getApp.core.hideLoading(), t.setData({
						rule: e.data.rule,
						activity_rule: e.data.activity_rule,
						rules: a
					});
				}
			});
		}
	}
</script>

<style scoped>
	.top { 
		height: 408upx; 
		width: 100%; 
		text-align: center; 
		color: #fff; 
		font-size: 9pt; 
		position: relative; 
	} 
 
	.top image { 
		height: 408upx; 
		width: 100%; 
	} 
 
	.total { 
		position: absolute; 
		top: 80upx; 
		width: 100%; 
	} 
 
	.total-num { 
		font-size: 27pt; 
		font-family: 'DIN'; 
		margin-bottom: 18upx; 
	} 
 
	.data { 
		position: absolute; 
		bottom: 80upx; 
		width: 100%; 
	} 
 
	.location { 
		float: left; 
		width: 33.33%; 
	} 
 
	.data-num { 
		font-size: 16pt; 
		font-family: 'DIN'; 
		margin-bottom: 9upx; 
	} 
 
	.log { 
		height: 64upx; 
		color: #999; 
		font-size: 11pt; 
		padding-left: 24upx; 
		background-color: #f7f7f7; 
		line-height: 64upx; 
	} 
 
	.list { 
		height: 254upx; 
		width: 100%; 
		background-color: white; 
		color: #999; 
		font-size: 11pt; 
		padding: 28upx 24upx; 
		margin-bottom: 20upx; 
	} 
 
	.list-title { 
		height: 48upx; 
		width: 100%; 
	} 
 
	.title-left { 
		float: left; 
		color: #353535; 
		font-size: 11pt; 
	} 
 
	.wait { 
		height: 48upx; 
		width: 94upx; 
		background-color: #feeeee; 
		color: #ff4544; 
		font-size: 9pt; 
		line-height: 48upx; 
		text-align: center; 
		float: right; 
	} 
 
	.finish { 
		height: 48upx; 
		width: 94upx; 
		background-color: #fff2e2; 
		color: #ff9d1e; 
		font-size: 9pt; 
		line-height: 48upx; 
		text-align: center; 
		float: right; 
	} 
 
	.loser { 
		height: 48upx; 
		width: 94upx; 
		background-color: #eee; 
		color: #999; 
		font-size: 9pt; 
		line-height: 48upx; 
		text-align: center; 
		float: right; 
	} 
 
	.list-body { 
		width: 50%; 
		padding: 40upx 0 50upx; 
		float: left; 
		text-align: center; 
	} 
 
	.list-num { 
		font-size: 17pt; 
		color: #ff9d1e; 
		font-family: 'DIN'; 
		margin-bottom: 16upx; 
	} 
 
	.loading { 
		color: #353535; 
		text-align: center; 
		height: 80upx; 
		line-height: 80upx; 
	}
</style>
